import React from 'react';
import { BrowserRouter, Route, Link} from 'react-router-dom';
import Game from './components/game/game';
import Home from './components/home/home';

const PageRouter = () => (
  <BrowserRouter>
    <div className="container">
      <nav>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/game">Game</Link>
          </li>
          <li>
            <Link to="/train">Train</Link>
          </li>
        </ul>
      </nav>
      <div className="router-content">
        <Route path="/" component={Home} />
        <Route path="/game" component={Game} />
        {/* <Route path="/" component={} /> */}
      </div>      
    </div>
  </BrowserRouter>
)

export default PageRouter;